<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	.box




	    {

		/*height:500px;
		background-color:#999;
	    background-image:url("1.png");
	    background-repeat:no-repeat;
	    background-position:20px 30px;
	    /*background-attachment:scroll;*/
	    /*background-attachment:fixed;*/

	    width:500px;
	    height:250px;
	    background:red url("1.png") no-repeat 20px 30px;
	    }
                   背景颜色 背景图片 不重复 位置xy轴
        /*注意分号！！！！！！！！！！！*/


        /*背景属性的连写！！！*/






	</style>
</head>
<body>
<div class="box">
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	<p>我的天空</p>
	</div>
</body>
</html>